<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>

</html>

<script>
  /* 
    数组相关的概念：
      数组中每条数据， 被称为 「元素」，其英文是 `item` / `element`
  
      数组每条数据，会有「下标/索引」，其英文是 `index`，  -> 其简写 `i`
  */

  /* 
    数组的作用：
      为了将 多个数据，放到 一个变量中。
  
    数组存储数据 逻辑/机制：
      将 每条数据(元素/item/element)，分配一个  下标 ，类似  队列(队伍)
  

    查询数组指定元素的方法：
      变量名[index]

    查询数组一共多少个元素的方法：
      变量名.length


    案例：
      console.log(student[0]); // '小张'
      console.log(student.length); // 7
  */

  var student = ['小张', '小牧', '小明', '小红', '李华', '二麻子', '三' + '麻' + '子'];


  // 案例：遍历数组 - student 的每个元素： 控制器打印，每个 学生的名字
  // 「遍历」 -> 依次获取

  // 思路：能否通过 循环，依次通过 student[表达式]，获取到 每个 学生的名字

  var index = 0; // 下标默认值为 0

  while (index < student.length) {
    console.log(student[index]); // 打印出 学生的名字

    index++;
  }
</script>